<template>
    <div class="userManager">
        <div class="userWrap">
            <div class="header">
                <div class="headCon_l">
                    <img class="useravatar"
                         :src="userInfo.avatarUrl"
                         alt="">
                    <!-- <i class="useravatar"></i> -->
                </div>
                <div class="headCon">
                    <p class="headConTit">{{userInfo.nickName}}</p>
                    <p class="deptTit">{{registerInfo.departName|unescape}}</p>
                </div>
                <!-- <div class="headCon_r">
                    <span class="userManagerGo"></span>
                </div> -->
            </div>
            <ul class="userManagerList">
                <!-- <li class="userManagerLi"
                    @click="$router.push('/feedback')">
                    <div class="userManagerCon_l">
                        <i class="userManagerIcon"></i>
                    </div>
                    <div class="userManagerCon">意见反馈</div>
                    <div class="userManagerCon_r">
                        <span class="userManagerGo"></span>
                    </div>
                </li> -->
                <li class="userManagerLi"
                    @click="$router.push('/contact')">
                    <div class="userManagerCon_l">
                        <i class="userManagerIcon"></i>
                    </div>
                    <div class="userManagerCon">联系客服</div>
                    <div class="userManagerCon_r">
                        <span class="userManagerGo"></span>
                    </div>
                </li>
            </ul>
            <!-- <button class="outBtn"
                    @click="outLogin">退出登录</button> -->
        </div>
        <div>
        </diV>
    </div>
</template>
<script>
export default {
    name: 'userinfo',
    components: {

    },
    data () {
        return {
            userInfo: {}, // 用户信息
            registerInfo: {}, // 登录信息
            showPositionValue: false,
            tosPosition: 'center'
        }
    },
    created () {
        this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
        this.registerInfo = JSON.parse(localStorage.getItem('registerInfo'))
    },
    methods: {
    }
}
</script>
<style scoped>
.userManager {
    background: #fff;
    height: 100vh;
}
.headCon .deptTit {
    width: 200px;
    font-size: 13.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.userManager .header {
    display: flex;
    display: -webkit-flex;
    vertical-align: middle;
    align-items: center;
    height: 116px;
    padding-right: 10px;
    border-bottom: 1px solid #efeff4;
}
.userManager .headCon_l {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    overflow: hidden;
}
.userManager .headCon_l img {
    display: block;
    width: 74px;
    /* background: url('../assets/avatar.png') no-repeat center center; */
}
.userManager .headCon {
    margin-left: 15px;
    line-height: 23px;
    font-size: 15px;
    color: #666;
}
.userManager .headConTit {
    color: #333;
    font-weight: bold;
}
.userWrap {
    padding-left: 20px;
}
.userManager .headCon {
    flex: 1;
}
.headCon_r {
    line-height: 116px;
}
.userManagerList {
    width: 100%;
    background: #fff;
    border-top: 1px solid #efeff4;
}
.userManagerList .userManagerLi {
    display: flex;
    display: -webkit-flex;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #efeff4;
    font-size: 13px;
    padding-right: 10px;
}
.userManagerLi .userManagerIcon {
    display: block;
    width: 38px;
    height: 50px;
}
.userManagerLi:nth-child(1) .userManagerIcon {
    background: url('../assets/feedback.png') no-repeat left center;
    background-size: 25px 25px;
}
.userManagerLi:nth-child(2) .userManagerIcon {
    background: url('../assets/contact.png') no-repeat left center;
    background-size: 25px 25px;
}

.userManagerLi .userManagerCon {
    flex: 1;
}
.userManager .userManagerGo {
    display: block;
    width: 38px;
    height: 50px;
    background: url('../assets/jinru.png') no-repeat center center;
    background-size: 12px 12px;
}
.unclickable .userManagerCon {
    color: #ccc;
}
.outBtn {
    width: 200px;
    margin: 0 auto;
    display: block;
    height: 40px;
    margin-top: 50px;
    background: #2269ff;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
}
</style>
<style>
.userManager .weui-toast .weui-toast__content {
    color: #fff;
    font-size: 14px;
}
</style>
